﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserProfile.ascx.cs"
    Inherits="Skecthial.UI.Controls.UserProfile" %>
<form id="form1" runat="server">
<style type="text/css">
    .textarea {
        border: 3px solid #cccccc;
        padding: 5px;
        font-family: Tahoma, sans-serif;
        background-image: url(bg.gif);
        background-position: bottom right;
        background-repeat: no-repeat;
    }

        .textarea:focus {
            background-color: #ffffc0;
        }
</style>
<div>
    <div id="ProfileHeader">
        <hr class="hr_1" />
    </div>
    <div id="ProfileContent">
        <div style="float: left; width: 40%;">
            <table>
                <tr>
                    <td>
            <asp:Image ID="profileImg" runat="server" Width="60%" /></td>
                </tr>
                <tr>
                    <td>
                        <asp:FileUpload ID="profileImgFU" runat="server" /></td>
                </tr>
            </table>
            <%--<img src="https://fbcdn-sphotos-a.akamaihd.net/hphotos-ak-prn1/13301_380430277831_760722831_3784810_1148514_n.jpg" width="60%" />--%>
        </div>
        <div style="float: right; width: 20%;">
            Connect
            <hr style="width: 98%;" class="hr_1" />
            TWITTER
            <br />
            FACEBOOK
        </div>
        <div style="float: right; width: 40%;">
            <div style="width: 95%;">
                Personal
                <hr style="width: 98%;" class="hr_1" />
                <table>
                    <tr>
                        <td>
                            <asp:Label ID="lblName" Text="Name" runat="server"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txbUserName" runat="server" class="textarea" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblSurname" Text="Surname" runat="server"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txbSurname" runat="server" class="textarea" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblNickName" Text="Nick Name" runat="server"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtNickName" runat="server" class="textarea" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblGender" runat="server" Text="Gender"></asp:Label>
                        </td>
                        <td>
                            <asp:DropDownList ID="ddlGender" runat="server">
                            <asp:ListItem Text="Male"></asp:ListItem>
                            <asp:ListItem Text="Female"></asp:ListItem>
                            </asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblWeb" Text="WEB" runat="server"></asp:Label>
                        </td>
                        <td>
                            <asp:TextBox ID="txtWeb" runat="server" class="textarea" />
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
<div style="float: right;">
</div>
</form>
